//var token= window.localStorage.getItem("token");
var user;
var demo = new Vue({
	el: '#app',
	data: {
        getmsgUrl: 'http://localhost:8601/', //存数据接口
		listArticle: "",
		listNewArticle: "",
		listHotArticle: "",
		listkind: "",
        randNote:"",
        listNotice:"",
        randtime:"",

	},
	created: function() {
		this.getlistArticle();
		this.newArticle();
		this.hotArticle();
		this.getlistkind();
		this.getNotice();
		this.showtime();
	},
	methods: {
        showtime:function () {
            var mydate = new Date();
            var str = "" + mydate.getFullYear() + "年";
            str += (mydate.getMonth()+1) + "月";
            str += mydate.getDate() + "日";
            this.randtime=str;
        },
		getlistArticle: function() {
			var that = this;
			//去数据库进行匹配
			$.ajax({
				url: that.getmsgUrl + 'Article/listArticleAll', //处理页面的路径
				data: {page:1,limit:20}, //要提交的数据是一个JSON
				type: "GET", //提交方式
				dataType: "json", //返回数据的类型
				//TEXT字符串 JSON返回JSON XML返回XML
				success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
					console.log(data.data);
					that.listArticle = data.data;
				}
			});
		},
		content: function(la) {

            window.location.href = "content.html?index=" + la.article_id;

		},
		newArticle: function() {
			var that = this;
			//去数据库进行匹配
			$.ajax({
				url: that.getmsgUrl + 'qArticle/newHotArticle', //处理页面的路径
				data: {
					article_title: 'article_publishDate',
				}, //要提交的数据是一个JSON
				type: "GET", //提交方式
				dataType: "json", //返回数据的类型
				//TEXT字符串 JSON返回JSON XML返回XML
				success: function(data) { //回调函数 ,成功时返回的数据存在形参data里

					that.listNewArticle = data;
				}
			});
            $.ajax({
                url: that.getmsgUrl + 'UserLogin/randNote', //处理页面的路径
                data: {

                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里

                    that.randNote = data;
                }
            });
		},
		hotArticle: function() {
			var that = this;
			//去数据库进行匹配
			$.ajax({
				url: that.getmsgUrl + 'qArticle/newHotArticle', //处理页面的路径
				data: {
					article_title: 'article_pageView',
				}, //要提交的数据是一个JSON
				type: "GET", //提交方式
				dataType: "json", //返回数据的类型
				//TEXT字符串 JSON返回JSON XML返回XML
				success: function(data) { //回调函数 ,成功时返回的数据存在形参data里

					that.listHotArticle = data;
				}
			});
		},
		getlistkind: function() {
			var that = this;
			//去数据库进行匹配
			$.ajax({
				url: that.getmsgUrl + 'qArticle/selectArticle_Kind', //处理页面的路径
				data: {}, //要提交的数据是一个JSON
				type: "GET", //提交方式
				dataType: "json", //返回数据的类型
				//TEXT字符串 JSON返回JSON XML返回XML
				success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
					that.listkind = data;
				}
			});
		},
		getKind_name: function(cid) {
            document.getElementById("demo").innerHTML="";
            console.log(cid);
            layui.use('flow', function() {
                var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
                var flow = layui.flow;
                flow.load({
                    elem: '#demo' //指定列表容器
                    ,
                    done: function(page, next) { //到达临界点（默认滚动触发），触发下一页
                        var lis = [];
                        $.ajax({
                            url: 'http://localhost:8601/Article/ArticleComment', //处理页面的路径
                            data: {
                                article_cid:cid,
                            }, //要提交的数据是一个JSON
                            type: "GET", //提交方式
                            dataType: "json", //返回数据的类型
                            //TEXT字符串 JSON返回JSON XML返回XML
                            success: function(res) { //回调函数 ,成功时返回的数据存在形参data里
                                layui.each(res, function(index, item) {
                                    console.log(item);
                                    lis.push('<div class="row"><div class="news-list" v-for="la in listArticle"><div class="news-info col-xs-7 col-sm-7 col-md-9" v-text=""><dl><dt> <a href="content.html?index='+item.article_id+'">'+item.article_title+' </a> </dt><dd><span class="name"><a href="" title="" rel="author">'+item.user.user_nickname+'</a></span> <span class="identity"></span><span class="time">'+item.article_publishDate+' </span></dd><dd class="text">'+item.article_summary+'</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">'+item.article_kind.kind_name+'</a></span> <span class="look"> 共 <strong>'+item.article_pageView+'</strong> 人围观，有<strong>'+item.article_artileClickSum+' </strong> 人点赞 </span> </div></div></div></div>');
                                });
                                var pages = Math.ceil(res.count / 10);
                                next(lis.join(''), page < pages);
                            }
                        });
                    }
                });
            });
			/*var that = this;
			//去数据库进行匹配
			$.ajax({
				url: that.getmsgUrl + 'Article/ArticleComment', //处理页面的路径
				data: {
					article_cid:cid,
				}, //要提交的数据是一个JSON
				type: "GET", //提交方式
				dataType: "json", //返回数据的类型
				//TEXT字符串 JSON返回JSON XML返回XML
				success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
					that.listArticle = data;
				}
			});*/
		},
		listUsers: function() {
            var that = this;
            $.ajax({
                url: that.getmsgUrl + "UserLogin/usersLogin", //处理页面的路径
                data: {
                    user_username: $("#user_username").val(),
                    user_password: $("#user_password").val(),
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                    console.log(data);
                    if (data.loginUser != null) {
 /*                       localStorage.setExpire("token",data.loginUser.token,10000);
                        	window.setInterval(()=>{
                        	if(localStorage.getExpire("token")==null){
                                clearInterval(interval);
                                console.log("token为"+localStorage.getExpire("token")+"请重新登录");
							}
                            console.log(localStorage.getExpire("token"));
                        },1000);*/
                        /*window.localStorage.setItem("token1",data.loginUser.token);*/
                        //localStorage.setExpire("user1",JSON.stringify(data.user),10000)
                        window.localStorage.setItem("token",data.loginUser.token);
                        window.localStorage.setItem("user1",JSON.stringify(data.user));
                       user =localStorage.getItem('user1')
                        console.log("USER"+user);
                        that.getpeople();
                        confirm("登录成功！");
                    } else {
                        confirm(data.msg);
                    }
                }
            });
        },
        UserInsert: function() {
            var that = this;
            if ($("#password").val() != $("#password1").val()) {
                confirm("密码不一致");
            } else {
                $.ajax({
                    url: that.getmsgUrl + "UserLogin/userAdd", //处理页面的路径
                    data: {
                        user_username: $("#username").val(),
                        user_password: $("#password").val(),
                        user_email: $("#email").val()
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if (data == 1) {
                            $("#username").val('');
                            $("#password1").val('');
                            $("#password").val('');
                            $("#email").val('');
                            confirm("注册成功！");
                        } else {
                            confirm("注册失败！");
                        }
                    }
                });
            }
        },
		getpeople:function () {
			var that=this;
            $.ajax({
                url: that.getmsgUrl + 'Article/ArticleComment', //处理页面的路径
                data: {
                    article_uid: user.user_id,
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                    console.log(data);
                    window.localStorage.setItem("ListArticleper",JSON.stringify(data));
                }
            });
        },
        delayURL:function (url,time) {
            setTimeout("top.location.href = '" + url + "'", time);
        },
        getNotice:function () {
		    var that=this;
            $.ajax({
                url: that.getmsgUrl + 'DeskNotice/announceNotice', //处理页面的路径
                data: {

                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                    console.log(data);
                   that.listNotice=data;
                }
            });

        },noticeaa:function () {
            $("#noticea").css("display","none");
            $("#noticeb").css("display","block");

        },
        noticebb:function () {
            $("#noticea").css("display","block");
            $("#noticeb").css("display","none");
        },

	}
});


